<template>
  <n-message-provider>
    <n-menu mode="horizontal" :options="menu" />
    <router-view />
  </n-message-provider>
</template>

<script setup lang="ts">
import { h } from 'vue'
import { NIcon } from 'naive-ui'
import { CashOutline as OrderIcon } from '@vicons/ionicons5'

const menu = [
  { label: '行情', key: 'home', path: '/' },
  { label: '下单', key: 'order', path: '/order', icon: () => h(NIcon, null, { default: () => h(OrderIcon) }) },
  { label: '板块轮动', key: 'sector', path: '/sector' }
]
</script>